*{
    margin: 0;padding: 0;
    text-decoration: none;
    list-style: none;
}
//头部开始*************************************************************

#header{
    width: 100%;height: 35px;
    background: #009B72;
    .center{
        width: 1200px;height: 35px;
//      background: red;
        margin: 0 auto;
        //左部分开始
        .left{
            width: 432px;height: 35px;
//          background: blue;
            float: left;
            li{
                float: left;
                line-height: 35px;
                border-left:1px solid #47B488;
                &:hover{
                    background: #47b488;
                }
                a{
                    font-size: 14px;
                    color: white;
                    font-weight: 600;                   
                    
                }
            }
            .gi1{
                width: 67px;height: 35px;
                text-align: center;
                &:hover{
                    color: #b0ffd2;
                }
            }
            .gi2{
                width: 90px;height: 35px;
                text-align: center;
            }
            .gi3{
                width: 93px;height: 35px;
                text-align: center;
            }
            .gi4{
                width: 93px;height: 35px;
                text-align: center;
            }
            .gi5{
                width: 80px;height: 35px;
                text-align: center;
            }
        }
        //左部分结束
        
        //右部分开始
        .right{
            width: 137px;height: 35px;
//          background: khaki;
            float: right;
            li{
                float: left;
                line-height: 35px;
                border-left:1px solid #47B488;
                &:hover{
                    background: #47b488;
                }
                a{
                    font-size: 14px;
                    color: white;
                    font-weight: 600;                   
                    
                }
                
            }
            .gi1{
                width: 67px; height: 35px;
                text-align: center;
            }
            .gi2{
                width: 67px;height: 35px;
                text-align: center;
            }
           
        }
        //右部分结束
    }
}

//导航区域开始
#dh{
    width: 100%;height: 81px;
//  background: red;
    border-bottom: 1px solid #ccc;
    #wrapper{
            width: 1200px;height: 81px;
//          background: chartreuse;
            margin: 0 auto;   
        #logo{
                width: 400px;height: 31px;
                float: left;
        //      background: red;      
                margin-top: 22px;
        }
         .shop{
            width: 150px;height: 61px;
            border: 1px solid #E8E8E8;
            float: right;
            border-radius:4% ;
            margin-top:10px ;
            .text{
                float: left;
                font-size: .875rem;
                font-weight: 700;
                line-height: 59px;
                margin-left: 20px;
                a{
                    color: #8A8A8A;
                    
                }
            }
            .icon{
                float: right;
                width: 32px;height: 34px;
                background: url(../images/shop.png);
                margin-right: 31px;
                margin-top: 12px;
            }
            .num{
                float: right;
                width: 25px;height: 25px;
//              border: 1px solid black;
                border-radius: 50%;
                margin-right: 20px;
                margin-top: -42px;
                background: #2AAD6F;
                .shop-count{
                    float: right;
                    width: 22px;height: 22px;
                    margin-right: 2px;
                    line-height: 22px;
                    text-align: center;
                    font-size: 16px;
                    color: white;
                    font-weight:700;
                }
            }
            
        }
        .nav{
            width: 426px;height: 78px;
//          background: navajowhite;    
            float: right;
            li{
                float: left;
                line-height: 78px;
                a{
                    color: #8A8A8A;
                     font-size: .875rem;
                    
                    font-weight: 700;
                }
            }
            .gi1{
                width: 74px;height: 48px;
                text-align: center;
            }
            .gi2{
                width: 74px;height: 48px;
                text-align: center;
            }
            .gi3{
                width: 70px;height: 48px;
                text-align: center;
            }
            .gi4{
                width: 104px;height: 48px;
                text-align: center;
            }
            .gi5{
                width: 104px;height: 48px;
                text-align: center;
            }
        }
       
    }
}


//导航区域结束


//轮播部分开始
#play1 div{
    width: 100%;
    height: 500px;
    position: absolute;
    top:117px;
    left: 0px;
    display: none;
    &:nth-child(1){
    display: block;
    }
}

#img{
    width: 700px;
    height: 500px;
    margin: 0 auto;
    position:relative;
    z-index: 1;
        img{
        width: 700px;
        height: 500px;
        position: absolute;
        top: 0px;
        left:10px;
        display: none; 
        &:nth-child(1){
        display: block;
        }
    }
    #ul{
        width: 300px;
        height: 30px;
        /*border: 1px solid black;*/
        position: absolute;
        top: 450px;
        left: 300px;
        z-index:10;
        li{
            list-style:none;
            width: 20px;
            height: 20px;
            background:#A1A1A1;
            border:1px solid #A1A1A1;
            opacity: 0.5;
            border-radius: 50%;
            margin-left: 10px;
            float: left;
            cursor: pointer;
    
        }
    }
    /*border: 1px solid red;*/
}




//轮播部分结束

//轮播下一层开始
#stroe{

    width: 1200px;height: 162px;
//  background: lawngreen;
    margin: 0 auto;
    .badge{
        width: 294px;height: 112px;
//      background: chocolate;
        margin-top: 30px;
        float: left;
        .icon{
            width: 80px;height: 80px;
//          border: 1px solid black;
            margin-top: 14px;
            float: left;

        }
        .badge-info{
            width: 292px;height: 58px;
            margin-top: 15px;
//          border: 1px solid black;
            .h-epsilon{
                width: 188px;height: 21px;
//              border: 1px solid black;
                float: right;
                font-size: 1rem;
                font-family: "微软雅黑";
            }
            p{
              width: 188px;height: 21px;
//              border: 1px solid black;
                margin-top: 10px;
                font-size: 12px;
                float: right;  
            }
            
        }
    }
}
//轮播下一层结束

//展示商品开始
#wapper{
    width: 1200px;height: 964px;
//  background: lightblue;
    margin: 0 auto;
   //一图
    #banner{
        width: 293px;height: 482px;
        overflow: hidden;
        position: relative;
        float: left;
        
         .content{
            width: 235px;height: 83px;
            position: absolute;
            top: 204px;
            left: 29px;
            .h-beta{
                text-align:center;
                color: white;
                font-family: "微软雅黑";
            }
            .h-epsilon{
                margin-top: 18px;
                text-align: center;
                font-size: 14px;
                font-weight: 700;
                a{
                color: white;
                    
                }
            }
        }
        
    }
    //二图
    #box{
        width: 290px;height: 480px;
        border-top: 1px solid #E0E0E0;
        border-right: 1px solid #E0E0E0;
        border-bottom: 1px solid #E0E0E0;
        border-left: 1px solid #E0E0E0;
        
        
        
        float: left;
        .ribbon{
            width: 62px;height: 68px;
            background: url(../images/jiaobiao1.png);
            float: right;
        }
        .sj{
            width: 216px;height: 250px;
//          border: 1px solid brown;
            float: left;
            margin-left: 40px;
            margin-top: 20px;
        }
        .box-heading{
            text-align: center;
            width: 265px;height: 38px;
//          border: 1px solid black;
            float: right;
            margin-right: 8px;
            margin-top: 10px;
            line-height: 38px;
            
            a{
                color: #393939;
                font-size: 1rem;
            }
        }
        .box-link{
            width: 265px;height: 20px;
//          border: 1px solid black;
            text-align: center;
            line-height: 20px;
            margin-top: 400px;
            margin-left:15px ;
            
            a{
                font-size: .9375rem;
                color: #1f8657;

            }
        }
    }
    //三图
    #box1{
        width: 290px;height: 480px;
        border-top: 1px solid #E0E0E0;
        border-right: 1px solid #E0E0E0;
        border-bottom: 1px solid #E0E0E0;
        border-left: 1px solid #E0E0E0;
        
        
        
        float: left;
        .ribbon{
            width: 62px;height: 68px;
            background: url(../images/jiaobiao1.png);
            float: right;
        }
        .sj{
            width: 216px;height: 250px;
//          border: 1px solid brown;
            float: left;
            margin-left: 40px;
            margin-top: 20px;
        }
        .box-heading{
            text-align: center;
            width: 265px;height: 38px;
//          border: 1px solid black;
            float: right;
            margin-right: 8px;
            margin-top: 10px;
            line-height: 38px;
            
            a{
                color: #393939;
                font-size: 1rem;
            }
        }
        .box-link{
            width: 265px;height: 20px;
//          border: 1px solid black;
            text-align: center;
            line-height: 20px;
            margin-top: 400px;
            margin-left:15px ;
            
            a{
                font-size: .9375rem;
                color: #1f8657;

            }
        }
    }
      
     
   
}
//展示商品结束
#g{
    margin-top: 45px;
    width: 100%;height: 171px; 
}

//公共底部
#foot-pic{
    width: 1200px;height: 112px;

    margin: 0 auto;
    margin-top: 54px;       
    #gi{
        width: 391px;height: 112px;
        background: #2AAD6F;
        display: inline-block;
        #img{
            width: 121px;height: 62px;

            float: left;
            margin-top: 21px;
            margin-left: 42px;
            background: url(../images/taolun.png)no-repeat;
        }
        #text{
            color: white;
            font-family: "微软雅黑";
            font-weight: 700;

            font-size: 1.25rem;
            float: right;
            margin-right: 51px;
            margin-top: 44px;
        }
    }
    
       #gi1{
        width: 391px;height: 112px;
        background: #EDEDED;
        display: inline-block;
        #img{
            width: 121px;height: 68px;

            float: left;
            margin-top: 21px;
            margin-left: 42px;
            background: url(../images/taolun1.png)no-repeat;
        }
        #text{
            color: black;
            font-family: "微软雅黑";
            font-weight: 700;

            font-size: 1.25rem;
            float: right;
            margin-right: 51px;
            margin-top: 44px;
        }
    }
    
    
      #gi2{
        width: 391px;height: 112px;
        background: #2AAD6F;
        display: inline-block;
        #img{
            width: 121px;height: 68px;

            float: left;
            margin-top: 21px;
            margin-left: 42px;
            background: url(../images/taolun2.png)no-repeat;
        }
        #text{
            color: white;
            font-family: "微软雅黑";
            font-weight: 700;

            font-size: 1.25rem;
            float: right;
            margin-right: 51px;
            margin-top: 44px;
        }
    }
}


#sitemap{
    width: 100%;height: 225px;

    margin-top: 53px;
    .wrapper{
        width: 1200px;height: 225px;

        margin: 0 auto;
        #gi{
            width: 391px;height: 227px;
            float: left;
            .gi1{
                width: 234px;height: 162px;
//              background: goldenrod;
                margin: 0 auto;


                .h_write{
                    
                    color: #1F8657;
                    font-size: 18px;
                    font-weight: bold;
                    font-family: "微软雅黑";
                }
            }
            .gi2{
                margin-top: 20px;
                li{
                    height: 28px;

                font-size: .875rem;
                    
                    a{
                    color: #7B7B7B;
                        
                    }
                }
            }
        }
        
    }
}

#footer-tools{
    width: 100%;height: 119px;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    .wrapper{
        width: 1200px;height: 119px;
        margin: 0 auto;
            .h-wrapper{
                width: 587px;height: 86px;
                .text{
                    line-height: 86px;
                    float: left;
                }
                .icon{
                    width: 43px;height: 42px;
//                  border: 1px solid violet;
                    float: left;
                    margin-top: 20px;
                    margin-left: 10px;
                }
                 .icon1{
                    width: 43px;height: 42px;
                    float: left;
                    margin-top: 20px;
                    margin-left: 10px;
                    position: relative;
                    &:hover .img100{
                        display: block;
                    }
                    .img100{
                        position: absolute;
                        z-index: 2;
                        top:-125px;
                        left:-41px;
                        display: none;
                    }
                }
                .text1{
                    line-height: 86px;
                    float: left;
                    margin-left: 30px;
                }
            }
            .h-subscribe{
                width: 560px;height: 120px;

                float: right;
                margin-top: -89px;
                .icon{
                    width: 67px;height: 67px;
                    border-radius: 50%;
                    background: #2AAD6F;
                    float: left;
                    margin-top: 25px;
                    margin-left: 10px;
                }
                .about{
                    width: 161px;height: 78px;
                    float: left;
                    margin-top: 20px;
                    margin-left: 11px;
                    .h-delta{
                        color: #1F8657;
                        font-size: 1.25rem;
                        font-weight: 800;
                    }
                    .write{
                        padding-top: 10px;
                        font-size: 14px;
                        font-family: "微软雅黑";
                        
                        
                    }
                }
            }
    }
}

#bottom{
    width: 100%;height: 65px;


    
    .center{

        width: 1200px;height: 65px;

        margin: 0 auto;
        .bottom-info{
            text-align: center;
            line-height: 65px;
            color: #868686;
            font-size: 12px;
        }
    }
}


